<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>xpath网页提取 - 在线工具</title>
    <meta name="keywords" content="网页提取,xpath,爬虫">
    <meta name="description" content="网页提取,xpath,爬虫">
    <link href="/ref/bootstrap3/css/bootstrap.css" rel="stylesheet">
    <script src="/toolbox/xpath/js/jquery-2.1.4.min.js"></script>

    <script src="/ref/bootstrap3/js/bootstrap.js"></script>
    <script src="/ref/bootstrap3/js/bootstrap-multiselect.min.js"></script>

    <script src="/ref/bootstrap3/js/moment.js"></script>
    <script src="/ref/bootstrap3/js/moment-with-locales.js"></script>
    <link href="/ref/bootstrap3/css/bootstrap-datetimepicker.css" rel="stylesheet">
    <script src="/ref/bootstrap3/js/bootstrap-datetimepicker.min.js"></script>

    <link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css" rel="stylesheet">
    <script src="/toolbox/xpath/js/handle.js"></script>
    <link href="/ref/layui/css/layui.css" rel="stylesheet">
    <script src="/ref/layui/layui.js"></script>

    <style>
        html, body {
            height: 100%;
            background-color: #e7eff4;
        "overflow-x": "hidden",
        "overflow-y": "hidden" margin: 0
        }

        .tool-main {
            background-color: #e7eff4
        }

        .layui-card-header {
            background-color: #f9f9f9;
            color: #0f81cc;
        }

        label {
            font-weight: normal;
        }

        #tabbableConfig .layui-tab-content .layui-tab-item {
            height: 300px;
            overflow: auto;
        }

        .modal-body {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .left-controller {
            /*position:fixed;*/
            /*margin-top:0px;*/
            /*float:left;*/
        }

        .right-workstation {
            /*float:right;*/
            /*padding-left: 10px;*/
        }

        .all-fields-data-table {
            height: 300px;
            overflow: auto;
        }

        .modal-body {
            margin-top: 10px;
        }

        .hr {
            BORDER-BOTTOM-STYLE: dotted;
            BORDER-LEFT-STYLE: dotted;
            BORDER-RIGHT-STYLE: dotted;
            BORDER-TOP-STYLE: dotted;
            border-color: #eeeeee;
            border-width: 0.5px 0;
            margin: 10px;
            width: 80%;
        }

        .hr-6 {
            width: 100%;
        }

        .hr-12 {
            width: 100%;
        }

        .layui-table-cell {
            font-size: 14px;
            padding: 0 5px;
            height: auto;
            overflow: visible;
            text-overflow: inherit;
            white-space: normal;
            word-break: break-all;
        }

        .layui-input {
            height: 30px;
        }

        table tbody {
            display: block;
            max-height: 500px;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        ::-webkit-scrollbar {
            width: 1px;
        }

        table thead, tbody tr, tfoot tr, thead tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

        #all-fields-data-table thead, td {
            text-decoration: none;
        }

        #pageUrl {
            height: 35px;
            border-radius: 10px;
        }

        #modal-render-config .layui-form-label {
            width: 100px;
            font-size: 12px;
        }

        /*.message-prompt {*/
        /*    display: none;*/
        /*    position: fixed;*/
        /*    top: 0;*/
        /*    margin: 0 auto;*/
        /*    z-index: 99999;*/
        /*    font-size: 16px;*/
        /*    width: 100%;*/
        /*    text-align: center;*/
        /*}*/
    </style>
</head>
<body>
<div class="tool-main">
    <input type="hidden" id="pageType" name="pageType" value="${extractorParams.pageType}">
    <input type="hidden" id="taskId" name="taskId" value="${extractorParams.taskId}">
    <div class="layui-fluid" style="margin-top:5px">
        <div class="layui-row">
            <div class="layui-card url-top">
                <div class="layui-card-body layui-row layui-col-space5">
                    <div class="layui-col-md7">
                        <div class="layui-row">
                            <div class="layui-col-md1" style="width: 5%;padding:2px 5px">
                                <i class="fa fa-arrow-circle-left" style="font-size:23px;color: #777"></i>
                            </div>
                            <div class="layui-col-md11" style="width: 90%;">
                                <input type="text" name="pageUrl" id="pageUrl" placeholder="请输入网址" autocomplete="off"
                                       class="layui-input" style="background-color: #f5f5f5">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md5">
                        <div class="layui-row">
                            <div class="layui-col-md7">
                                <button type="button" id="ts-load-url"
                                        class="layui-btn layui-btn-radius layui-btn-sm layui-btn-normal">立即加载
                                </button>
                                <button type="button"
                                        class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal ts-show-render-config">
                                    渲染配置
                                </button>
<#--                                <label data-rel="tooltip" data-original-title="适合网页数据使用js动态加载渲染的，注意选择后会减慢采集速度"-->
<#--                                       class=""><input id="ajaxPage" name="ajaxPage" type="checkbox">-->
<#--                                    <span class="lbl" style="color:red">打开延时加载</span></label>-->
                            </div>
                            <div class="layui-col-md5">
                                <button type="button" id="ts-load-url"
                                        class="layui-btn layui-btn-radius layui-btn-sm layui-btn-warn">保存
                                </button>
                                <button type="button" id="ts-load-url"
                                        class="layui-btn layui-btn-radius layui-btn-sm layui-btn-warn" onclick="window.opener.location.reload()">保存并返回
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-fluid" style="margin-top:10px">
        <div class="layui-row layui-col-space5">
            <div class="layui-col-md3 left-controller">
                <div class="layui-row">
                    <div id="field-Define" class="layui-card">
                        <div class="layui-card-header">
                            字段定义
                            <button id="ts-copyRow" class="btn btn-sm btn-white btn-default btn-round">复制</button>
                            <button id="ts-delAllRows" class="btn btn-sm btn-white  btn-warning btn-round">删除全部
                            </button>
                            <div class="btn-group">
                                <button id="add-fields" data-toggle="dropdown"
                                        class="btn btn-info btn-white btn-sm dropdown-toggle" aria-expanded="false">
                                    添加
                                    <i class="fa fa-angle-down icon-on-right"></i>
                                </button>
                                <ul class="dropdown-menu dropdown-info dropdown-menu-right">
                                    <li>
                                        <a href="javascript:void(0)" class="ts-addRow" fieldvalue="title"
                                           fieldselector="">普通字段</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:void(0)" class="ts-add-field-one" fieldvalue="title"
                                           fieldselector="">title(标题)</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" class="ts-add-field-one" fieldvalue="content"
                                           fieldselector="" usehtml="1">content(内容)</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" class="ts-add-field-one" fieldvalue="pubDate"
                                           fieldselector="">pubDate(发布日期)</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" class="ts-add-field-one" fieldvalue="author"
                                           fieldselector="">author(作者)</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" class="ts-add-field-one" fieldvalue="category"
                                           fieldselector="">category(分类)</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" class="ts-add-field-one" fieldvalue="tag"
                                           fieldselector="">tag(标签)</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" class="ts-add-field-one"
                                           fieldvalue="description"
                                           fieldselector="">description(描述)</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" class="ts-add-field-one" fieldvalue="keywords"
                                           fieldselector="">keywords(关键词)</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:void(0)" class="ts-add-field-all">添加所有常用字段(8个)</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="layui-card-body layui-row layui-col-space10">
                            <table id="fields-table"
                                   class="table  table-bordered table-hover table-fields extrator-table">
                                <tbody>
                                <tr id="trClone" style="display:none">
                                    <td width="10%">
                                        <div class="field-status"><i class="fa fa-check green bigger-120"></i></div>
                                    </td>
                                    <td width="70%"><input name="fieldName" class="input-field" type="text"
                                                           placeholder="字段名，如:title">
                                        <input name="rowFieldId" type="hidden"></td>
                                    <td width="20%">
                                        <div class="field-operate">
                                            <a name="ts-delRow" class="red" href="#"><i
                                                        class="fa fa-trash bigger-140"></i></a>
                                            <div class="btn-group"><!-- yellow onClick="selectConfig(this);" -->
                                                <a name="conf-data-deal-more" class="btn btn-xs btn-success"
                                                   href="javascript:void(0);"><i class="ace-icon fa fa-cog"></i></a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div id="current-field-config" class="layui-card">
                        <div class="layui-card-header">字段处理 <span class="field-show ts-show-fieldName"
                                                                  id="fieldTitleConfig"></span></div>
                        <div class="layui-card-body layui-row layui-col-space10" id="config-table">
                            <div class="layui-col-md12">
                                <label id="useHtml-lb"><input name="useHtml" id="useHtml" class="ace ace-checkbox-2"
                                                              type="checkbox">
                                    <span class="lbl" data-rel="tooltip"
                                          data-original-title="保留正文格式或要下载图片时需要">获取Html</span></label>
                                <label id="mutiValue-lb"><input name="mutiValue" id="mutiValue"
                                                                class="ace ace-checkbox-2" type="checkbox">
                                    <span class="lbl" data-rel="tooltip"
                                          data-original-title="可同时选择多个值，一般字段建议不选,否则可能导致不通用！">选择多值(不建议)</span></label>
                                <label id="useLink-lb" style="display: none;"><input name="useLink" id="useLink"
                                                                                     class="ace ace-checkbox-2"
                                                                                     type="checkbox">
                                    <span class="lbl" data-rel="tooltip" data-original-title="列表页字段需要选中，目的收集详情页网址">只获取网址（列表提取器需选中，目的获取详情页网址）</span></label>
                                <input name="selectors" id="selectors" class="ace ace-checkbox-2" type="hidden"
                                       value="">
                                <label id="dela-lb"><input name="dela-keeptxt" id="dela-keeptxt"
                                                           class="ace ace-checkbox-2" type="checkbox">
                                    <span class="lbl" data-rel="tooltip"
                                          data-original-title="更多选项，请到字段详细配置中设置">删除所有链接（保留文本）</span></label>
                                <label id="required-lb"><input name="required" id="required"
                                                               class="ace ace-checkbox-2"
                                                               type="checkbox">
                                    <span class="lbl" data-rel="tooltip"
                                          data-original-title="值为空时将丢弃整条记录">采集结果不得为空</span></label>


                                <label id="groupSelect-lb" data-rel="tooltip"
                                       data-original-title="启动智能选择类似的元素，针对多值，如：列表页链接、标签等"
                                       style="display: none;"><input
                                            id="groupSelect" name="groupSelect" checked="checked"
                                            class="ace ace-checkbox-2" type="checkbox">
                                    <span class="lbl">自动选中类似元素</span></label>
                                <label id="pageGroupSelect-lb" data-rel="tooltip"
                                       data-original-title="启动智能选择类似的元素，针对多值，如：列表页链接、标签等"
                                       style="display: none;"><input
                                            id="pageGroupSelect" name="pageGroupSelect" checked="checked"
                                            class="ace ace-checkbox-2" type="checkbox">
                                    <span class="lbl">自动选中类似元素</span></label>

                                <label id="useImg-lb" class="hide"><input name="useImg" id="useImg"
                                                                          class="ace ace-checkbox-2"
                                                                          type="checkbox">
                                    <span class="lbl" data-rel="tooltip"
                                          data-original-title="仅仅采集图片并返回链接，多个图片链接用逗号分隔或在‘多值分隔字符’中定义">只采集图片链接</span></label>
                                <label id="mutiPage-lb"><input name="mutiPage" id="mutiPage"
                                                               class="ace ace-checkbox-2"
                                                               type="checkbox">
                                    <span class="lbl" data-rel="tooltip"
                                          data-original-title="内容由多个页面组成时使用，勾选后，在右侧进行下一步配置">该字段内容使用了分页</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                            </div>
                        </div>
                    </div>
                    <div class="layui-card hide page-data-panel">
                        <div class="layui-card-header">分页规则预览，字段<span class="field-show ts-show-fieldName"
                                                                      id="fieldTitleConfig"></span></div>
                        <div class="layui-card-body">
                            <table class="layui-table page-extractor-table" id="page-data-table">
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="layui-card">
                        <div class="layui-card-header">数据预览
                            <span class="field-show ts-show-fieldName"
                                  id="fieldTitleConfig"></span></div>
                        <div class="layui-card-body">
                            <table class="layui-table extrator-table" id="data-table">
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md9 right-workstation">
                <div class="layui-card">
                    <div class="layui-card-header">网页详情 <span class="field-show ts-show-fieldName"
                                                              id="fieldTitleConfig"></span></div>
                    <div class="layui-card-body layui-row layui-col-space5">
                        <div class="message-prompt" style="color: #ff234a"></div>
                        <div class="layui-row layui-col-space5 ts-setXPathValue-div">
                            <div class="layui-col-md7">
                                <input type="text" name="xpath" id="xpathValue" placeholder="字段抽取数据 xpath表达式，点选自动生成"
                                       autocomplete="off"
                                       class="layui-input">
                            </div>
                            <div class="layui-col-md5">
                                <button class="layui-btn layui-btn-sm layui-btn-normal ts-xpath-select-parent"
                                        title="有些区域可能点选不到，这时可以先点选小一点的区域，再使用扩大（即选取上一层级）">扩大点选区域(很有用)
                                </button>
                                <button class="layui-btn layui-btn-sm layui-btn-danger ts-clear-page-select">
                                    重置当前字段配置
                                </button>
                            </div>
                        </div>
                        <div class="layui-row ts-setMutiPager-div hide">
                            <#--                            <div class="layui-col-md1" align="center">-->
                            <#--                                <span style="font-size: 13px">分页区域Xpath</span>-->
                            <#--                            </div>-->
                            <div class="layui-col-md7">
                                <input name="mutiPager-switch" id="mutiPager-switch" class="hide" type="checkbox">
                                <input placeholder="分页 xpath表达式，先点击这里，再点选分页链接所在区域，区域尽量大点"
                                       class="ts-pager-xpathValue layui-input"
                                       id="pageSelector" name="pageSelector" readonly="readonly" value=""
                                       autocomplete="off" type="text">
                            </div>
                            <div class="layui-col-md5">
                                <button class="layui-btn layui-btn-normal ts-page-xpath-select-parent"
                                        title="有些区域可能点选不到，这时可以先点选小一点的区域，再使用扩大（即选取上一层级）">扩大点选区域(很有用)
                                </button>
                                <button type="button" class="layui-btn layui-btn-normal ts-show-mutiPager-more">
                                    更多分页配置
                                </button>
                            </div>
                        </div>
                        <div class="layui-col-md12">
                            <iframe height="600" width="100%" src="" id="ifr" srcdoc=""></iframe>
                            <div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!--modal start-->
        <div>
            <div id="modal-render-config" class="modal fade" tabindex="-1" style="display: none;">
                <div class="modal-dialog my-modal-dialog" style="top: 0px; left: 0px;">
                    <div class="modal-content">
                        <div class="modal-header no-padding">
                            <div class="table-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    <span class="white">×</span>
                                </button>
                                渲染配置
                            </div>
                        </div>
                        <div class="modal-body padding-1">
                            <form class="layui-form" action="">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">请求方式</label>
                                    <div class="layui-input-block">
                                        <input type="radio" name="request-get" value="get" title="get" checked>
                                        <input type="radio" name="request-post" value="post" title="post">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">是否滚屏</label>
                                        <div class="layui-input-block">
                                            <input type="radio" name="scroll-yes" value="yes" title="是" checked>
                                            <input type="radio" name="scroll-no" value="no" title="否">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">滚动屏数</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <input type="screen-num" name="screen-num" autocomplete="off"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">移动selector元素列表</label>
                                    <div class="layui-input-block">
                                        <textarea name="remove-selectors" placeholder="请输入内容,一行一条"
                                                  class="layui-textarea"></textarea>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer no-margin-top">
                            <button class="btn btn-sm btn-danger pull-right" data-dismiss="modal">
                                <i class="ace-icon fa fa-times"></i>
                                关闭
                            </button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div>
            <div id="modal-table-data" class="modal fade" tabindex="-1" style="display: none;">
                <div class="modal-dialog my-modal-dialog" style="top: 0px; left: 0px;">
                    <div class="modal-content">
                        <div class="modal-header no-padding">
                            <div class="table-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    <span class="white">×</span>
                                </button>
                                全部字段数据预览 （仅供参考，实际以采集入库为准）
                            </div>
                        </div>
                        <div class="modal-body padding-1">
                            <table id="all-data-table"
                                   class="table table-striped table-bordered table-hover no-margin-bottom no-border-top">
                                <thead>
                                <tr>
                                    <th width="20%">字段名</th>
                                    <th>抽取的内容</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr></tr>
                                <tr>
                                    <td>field_1</td>
                                    <td>&lt;span class="icon-elem zmt"&gt;&lt;/span&gt;&lt;span class=""&gt;
                                        &lt;/span&gt;
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="modal-footer no-margin-top">
                            <button class="btn btn-sm btn-danger pull-right" data-dismiss="modal">
                                <i class="ace-icon fa fa-times"></i>
                                关闭
                            </button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div>
            <div id="taskConfig-mutiPage-modal" class="modal fade" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header no-padding">
                            <div class="table-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span
                                            class="white">×</span></button>
                                <span class="table-header-logo"><strong>数据采集工具</strong></span>
                                内容分页配置
                            </div>
                        </div>
                        <div class="modal-body no-padding">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div id="mutiPageTab">
                                        <form class="form-horizontal" id="mutiPageTab-form">
                                            <div class="form-group">
                                                <label class="col-xs-12 col-sm-3 control-label no-padding-right">分页保存模式<font
                                                            color="red">*</font></label>
                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="control-group control-label pull-left">
                                                        <label><input name="pageSave" value="1" class="ace"
                                                                      type="radio" checked="checked"> <span
                                                                    class="lbl"> 用分隔符连接在上一记录之后</span> </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-xs-12 col-sm-3 control-label no-padding-right">分隔符</label>
                                                <div class="col-xs-12 col-sm-4">
                                                    <div class="control-group">
                                                        <input id="pageConcat" name="pageConcat" value="<br>"
                                                               placeholder="两页之间分隔符" class="width-100 layui-input"
                                                               type="text">
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-2">
                                                    <div class="control-group">
                                                        <a href="javascript:void(0);"
                                                           class="btn btn-white btn-warning btn-round btn-sm ts-fill-huanghang">填充换行</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-xs-12 col-sm-3 control-label no-padding-right">最大分页数量</label>
                                                <div class="col-xs-12 col-sm-2 no-padding-right">
                                                    <div class="control-group">
                                                        <input name="maxPage" id="maxPage"
                                                               class="input-mini form-control text-center"
                                                               type="text">
                                                    </div>
                                                </div>
                                                <label class="col-xs-12 col-sm-4 control-label no-padding-left">0则不限制,计数包含首页</label>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-xs-12 col-sm-3 control-label no-padding-right">分页链接包含字符</label>
                                                <div class="col-xs-12 col-sm-9">
                                                    <div class="control-group">
                                                        <input id="urlContain" name="urlContain" value="两页之间分隔符"
                                                               class="width-100 layui-input" type="text"
                                                               placeholder="用于过滤链接,当选取的分页区域含其它非分页链接时">
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div><!-- row..-->
                        </div><!-- modal-body.. -->
                        <div class="modal-footer no-margin-top">
                            <button class="btn btn-sm btn-primary ts-save-all-modal">
                                <i class="ace-icon fa fa-check"></i>
                                保存
                            </button>
                            <button class="btn btn-sm btn-danger" data-dismiss="modal">
                                <i class="ace-icon fa fa-times"></i>
                                关闭
                            </button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            <div id="modal-data-deal" class="modal fade" tabindex="-1" style="display: none;">
                <div class="modal-dialog extrator-data-modal-dialog" style="top: 0px; left: 0px;width:900px">
                    <div class="modal-content">
                        <div class="modal-header no-padding">
                            <div class="table-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    <span class="white">×</span>
                                </button>
                                <span class="table-header-logo"><strong>数据采集工具</strong></span>
                                字段数据处理———当前字段: <span
                                        class="field-show white ts-show-fieldName"><strong>field_2</strong></span>
                            </div>
                        </div>
                        <div class="modal-body padding-1">
                            <div class="layui-tab layui-tab-card tabbable" id="tabbableConfig">
                                <ul class="layui-tab-title" id="myConfigTab" style="color: #0f81cc">
                                    <li class="ts-commonDataDeal layui-this">常用删除&amp;填充</li>
                                    <li class="ts-replaces">字符替换</li>
                                    <li class="ts-advDataDeal">HTML标签删除</li>
                                    <li class="ts-sysRegular">常用截取&amp;提取</li>
                                    <li class="ts-randomConfig">随机&amp;固定值</li>
                                    <li class="ts-filterConfig">内容过滤</li>
                                    <li class="ts-htmlTag-select">HTML标签过滤</li>
                                    <li class="ts-commonConfig">高级提取</li>
                                </ul>
                                <div class="layui-tab-content">
                                    <div id="commonDataDeal" class="tab-pane layui-tab-item layui-show">
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <form class="form-horizontal" id="commonDataDeal-form">
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">图片处理：</label>
                                                        <div class="col-xs-9">
                                                            <div class="control-group control-label pull-left">
                                                                <label> <input name="delAllImg" value="0"
                                                                               class="ace" type="radio"> <span
                                                                            class="lbl"> 全部保留</span> </label>
                                                                &nbsp;&nbsp;<label><input name="delAllImg"
                                                                                          value="1" class="ace"
                                                                                          type="radio"> <span
                                                                            class="lbl"> 删除所有图片</span> </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group ts-delImgItem">
                                                        <label class="col-xs-3 control-label no-padding-right">删除指定图片：</label>
                                                        <div class="col-xs-9">
                                                            <div class="control-group control-label pull-left">
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delImgItem" value="1"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">第1</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delImgItem" value="2"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">第2</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delImgItem" value="3"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">第3</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delImgItem" value="4"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">第4</span></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group ts-delImgItem">
                                                        <label class="col-xs-3 control-label no-padding-right"></label>
                                                        <div class="col-xs-9">
                                                            <div class="control-group control-label pull-left">
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delImgItem" value="-1"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">倒数第1</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delImgItem" value="-2"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">倒数第2</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delImgItem" value="-3"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">倒数第3</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delImgItem" value="-4"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">倒数第4</span></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="hr hr-12 hr-dotted"></div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">链接处理：</label>
                                                        <div class="col-xs-9">
                                                            <div class="control-group control-label pull-left">
                                                                <label> <input name="dela" value="0"
                                                                               checked="checked" class="ace"
                                                                               type="radio"> <span
                                                                            class="lbl"> 全部保留</span></label>&nbsp;&nbsp;
                                                                <label><input name="dela" value="1" class="ace"
                                                                              type="radio"> <span
                                                                            class="lbl"> 删除所有链接</span></label>
                                                                &nbsp;&nbsp;
                                                                <label><input name="dela" value="2" class="ace"
                                                                              type="radio"> <span
                                                                            class="lbl"> 删除所有链接（保留文本）</span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group ts-delAsItem">
                                                        <label class="col-xs-3 control-label no-padding-right">删除指定链接</label>
                                                        <div class="col-xs-9">
                                                            <div class="control-group control-label pull-left">
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delAsItem" value="1"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">第1</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delAsItem" value="2"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">第2</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delAsItem" value="3"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">第3</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delAsItem" value="4"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">第4</span></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group ts-delAsItem">
                                                        <label class="col-xs-3 control-label no-padding-right"></label>
                                                        <div class="col-xs-9">
                                                            <div class="control-group control-label pull-left">
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delAsItem" value="-1"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">倒数第1</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delAsItem" value="-2"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">倒数第2</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delAsItem" value="-3"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">倒数第3</span></label>
                                                                <label data-rel="tooltip"
                                                                       data-original-title=""><input
                                                                            name="delAsItem" value="-4"
                                                                            class="ace ace-checkbox-2"
                                                                            type="checkbox">
                                                                    <span class="lbl">倒数第4</span></label>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="hr hr-12 hr-dotted"></div>
                                                    <div class="form-group no-margin-bottom">
                                                        <label class="col-xs-3 control-label no-padding-right">字段前面添加：</label>
                                                        <div class="col-xs-7">
                                                                    <textarea rows="3" type="text" name="preTxt"
                                                                              id="preTxt"
                                                                              class="width-100 ts-conf-input-field layui-textarea"
                                                                              placeholder=""></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right">字段后面添加：</label>
                                                        <div class="col-xs-7">
                                                                    <textarea rows="3" type="text" name="tailTxt"
                                                                              id="tailTxt"
                                                                              class="width-100 ts-conf-input-field layui-textarea"
                                                                              placeholder=""></textarea>
                                                        </div>
                                                        <div class="col-xs-2 no-padding-left"><a
                                                                    href="javascript:void(0);"
                                                                    class="btn btn-white btn-warning btn-round btn-sm ts-fill-copyright"
                                                                    data="<p>本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。</p>">填充版权说明1</a>
                                                            <a href="javascript:void(0);"
                                                               class="btn btn-white btn-warning btn-round btn-sm ts-fill-copyright"
                                                               data="<p>原文链接：#[tj_url]#</p><p>本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。</p>">填充版权说明2</a>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3  control-label no-padding-right">插入引用字段：</label>
                                                        <div class="col-xs-9">
                                                            <a class="btn btn-xs btn-info ts-fill-paraField-append"
                                                               fieldpara="kds_url">原文链接</a>&nbsp;&nbsp;

                                                            <a class="btn btn-xs btn-info ts-fill-paraField-append"
                                                               fieldpara="title">title</a>&nbsp;&nbsp;
                                                            <a class="btn btn-xs btn-info ts-fill-paraField-link-append">原文标题和链接HTML</a>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right">提示：</label>
                                                        <div class="col-xs-9"> 字段引用格式: #[xxx]#
                                                            ，其中xxx为字段名,被引用字段需定义在本字段前面(提取器左侧)。
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"></label>
                                                        <div class="col-9">
                                                            <div class="control-group control-label pull-left">
                                                                <label><input name="pType" id="pType" value="1"
                                                                              class="ace ace-checkbox-2"
                                                                              type="checkbox"><span class="lbl">如果字段内容为空，则不添加前后字符串</span></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div><!-- col-12 -->
                                        </div>    <!-- commonConfig row -->
                                    </div>
                                    <div id="replaces" class="tab-pane layui-tab-item">
                                        <table id="replace-table"
                                               class="table  table-bordered table-hover layui-table">
                                            <thead>
                                            <tr>
                                                <th>将字符串</th>
                                                <th>替换为</th>
                                                <th>使用正则</th>
                                                <th class="center">增加|删除行</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <!-- style="display:none" -->
                                            <tr id="trClone" style="display:none">
                                                <td width="35%"><input class="width-100 layui-input" name="from"
                                                                       value=""
                                                                       type="text" placeholder="要替换的字符"></td>
                                                <td width="35%"><input class="width-100 layui-input" name="to"
                                                                       value=""
                                                                       placeholder="" type="text"></td>
                                                <td width="12%"><label><input name="reg" value="0"
                                                                              class="ace ace-checkbox-2"
                                                                              type="checkbox">
                                                        <span class="lbl"></span></label></td>
                                                <td class="center ts-row-opt" width="15%"><a
                                                            name="ts-replace-addRow" class="blue" href="#"><i
                                                                class="ace-icon fa fa-plus-square bigger-180"></i></a>&nbsp;&nbsp;
                                                    <a name="ts-replace-delRow" class="red" href="#"><i
                                                                class="ace-icon fa fa-trash bigger-180"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="35%"><input class="width-100 layui-input" name="from"
                                                                       value=""
                                                                       type="text" placeholder="要替换的字符"></td>
                                                <td width="35%"><input class="width-100 layui-input" name="to"
                                                                       value=""
                                                                       placeholder="" type="text"></td>
                                                <td width="12%"><label><input name="reg" value="0"
                                                                              class="ace ace-checkbox-2"
                                                                              type="checkbox">
                                                        <span class="lbl"></span></label></td>
                                                <td class="center ts-row-opt" width="15%"><a
                                                            name="ts-replace-addRow" class="blue" href="#"><i
                                                                class="ace-icon fa fa-plus-square bigger-180"></i></a>&nbsp;&nbsp;
                                                    <a name="ts-replace-delRow" class="red" href="#"><i
                                                                class="ace-icon fa fa-trash bigger-180"></i></a>
                                                </td>
                                            </tr>

                                            </tbody>
                                        </table>
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <form class="form-horizontal">
                                                    <div class="form-group">
                                                        <label class="col-xs-2  no-padding-right no-padding-left">快捷插入：</label>
                                                        <div class="col-xs-3 no-padding-left"><a
                                                                    class="layui-btn layui-btn-xs ts-fill-regex-fuzzy">模糊匹配符</a>&nbsp;&nbsp;
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-12 help-block">
                                                提示：如果使用正则，请使用java语法，页面不可以预览。模糊匹配一般可以用点星，即.*
                                            </div>
                                        </div>
                                    </div><!-- replaces.. -->
                                    <div id="advDataDeal" class="tab-pane layui-tab-item">
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <form class="form-horizontal" id="advDataDeal-form">
                                                    <div class="form-group">
                                                        <label class="col-xs-2 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">添加数据处理：</label>
                                                        <div class="col-xs-10">
                                                            <div class="control-group control-label pull-left">
                                                                <a class="btn btn-xs btn-primary no-border"
                                                                   name="ts-adv-addRow"
                                                                   data-trid="trCloneDelHtml"><i
                                                                            class="ace-icon fa fa-plus-square bigger-120"></i>
                                                                    HTML标签删除</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>

                                        <table id="adv-deal-table"
                                               class="table  table-bordered table-hover layui-table">
                                            <thead>
                                            <tr>
                                                <th>数据处理类型</th>
                                                <th>处理详细配置</th>
                                                <th>顺序</th>
                                                <th class="center">增加|删除行</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr id="trCloneDelHtml" data-type="delTag" style="display:none">
                                                <td width="15%">HTML标签删除</td>
                                                <td>删除<select name="posType" class="layui-select-inline">
                                                        <option value="start">前面</option>
                                                        <option value="end">最后</option>
                                                        <option value="startIndex">第几个</option>
                                                        <option value="endIndex">倒数第几个</option>
                                                        <option value="all">全部</option>
                                                    </select><input name="delCount"
                                                                    class="input-small layui-input-inline"
                                                                    placeholder="删除个数" type="text">个
                                                    <select name="tagName" class="valid layui-select"
                                                            aria-invalid="false">
                                                        <option value="">--选择--</option>
                                                        <option value="a">链接&lt;a</option>
                                                        <option value="img">图片&lt;img</option>
                                                        <option value="p">段落&lt;p</option>
                                                        <option value="span">组合&lt;span</option>
                                                        <option value="div">层&lt;div</option>
                                                        <option value="table">表格&lt;table</option>
                                                        <option value="tr">表格行&lt;tr</option>
                                                        <option value="td">表格列&lt;td</option>
                                                        <option value="br">换行&lt;br</option>
                                                        <option value="blockquote">块&lt;blockquote</option>
                                                        <option value="ul">列表&lt;ul</option>
                                                        <option value="li">列表项目&lt;li</option>
                                                        <option value="dl">定义列表&lt;dl</option>
                                                        <option value="ol">有序列表&lt;ol</option>
                                                        <option value="h1">标题&lt;h1</option>
                                                        <option value="h2">标题&lt;h2</option>
                                                        <option value="h3">标题&lt;h3</option>
                                                        <option value="h4">标题&lt;h4</option>
                                                        <option value="h5">标题&lt;h5</option>
                                                        <option value="h6">标题&lt;h6</option>
                                                        <option value="h7">标题&lt;h7</option>
                                                        <option value="h8">标题&lt;h8</option>
                                                        <option value="strong">加粗&lt;strong</option>
                                                        <option value="section">主题组&lt;section</option>
                                                        <option value="nav">导航&lt;nav</option>
                                                        <option value="header">页头&lt;header</option>
                                                        <option value="footer">页脚&lt;footer</option>
                                                        <option value="iframe">内联框架&lt;iframe</option>
                                                        <option value="frame">框架 &lt;frame</option>
                                                        <option value="form">表单 &lt;form</option>
                                                        <option value="script">脚本 &lt;script</option>
                                                        <option value="noscript">&lt;noscript</option>
                                                        <option value="pre">源代码&lt;pre</option>
                                                        <option value="center">居中&lt;center</option>
                                                    </select>
                                                    <!-- <input name="tagName" class="input-small" placeholder="html标签名" type="text">-->
                                                    <label><input name="leftText"
                                                                  type="checkbox"><span
                                                                class="lbl">保留文本</span></label>
                                                </td>
                                                <td width="8%"><input class="width-100 layui-input" name="sortNo"
                                                                      value=""
                                                                      type="text" placeholder="序号"></td>
                                                <td class="center ts-row-opt" width="12%"><a
                                                            name="ts-adv-addRow" data-trid="trCloneDelHtml"
                                                            class="blue" href="#"><i
                                                                class="ace-icon fa fa-plus-square bigger-180"></i></a>&nbsp;&nbsp;
                                                    <a name="ts-adv-delRow" class="red" href="#"><i
                                                                class="ace-icon fa fa-trash bigger-180"></i></a>
                                                </td>
                                            </tr>
                                            <tr data-type="delTag">
                                                <td width="15%">HTML标签删除</td>
                                                <td>删除<select name="posType" class="layui-select-inline">
                                                        <option value="start">前面</option>
                                                        <option value="end">最后</option>
                                                        <option value="startIndex">第几个</option>
                                                        <option value="endIndex">倒数第几个</option>
                                                        <option value="all">全部</option>
                                                    </select><input name="delCount"
                                                                    class="input-small layui-input-inline"
                                                                    placeholder="删除个数" type="text">个
                                                    <select name="tagName" class="valid layui-select-inline"
                                                            aria-invalid="false"
                                                            style="display: none;">
                                                        <option value="">--选择--</option>
                                                        <option value="a">链接&lt;a</option>
                                                        <option value="img">图片&lt;img</option>
                                                        <option value="p">段落&lt;p</option>
                                                        <option value="span">组合&lt;span</option>
                                                        <option value="div">层&lt;div</option>
                                                        <option value="table">表格&lt;table</option>
                                                        <option value="tr">表格行&lt;tr</option>
                                                        <option value="td">表格列&lt;td</option>
                                                        <option value="br">换行&lt;br</option>
                                                        <option value="blockquote">块&lt;blockquote</option>
                                                        <option value="ul">列表&lt;ul</option>
                                                        <option value="li">列表项目&lt;li</option>
                                                        <option value="dl">定义列表&lt;dl</option>
                                                        <option value="ol">有序列表&lt;ol</option>
                                                        <option value="h1">标题&lt;h1</option>
                                                        <option value="h2">标题&lt;h2</option>
                                                        <option value="h3">标题&lt;h3</option>
                                                        <option value="h4">标题&lt;h4</option>
                                                        <option value="h5">标题&lt;h5</option>
                                                        <option value="h6">标题&lt;h6</option>
                                                        <option value="h7">标题&lt;h7</option>
                                                        <option value="h8">标题&lt;h8</option>
                                                        <option value="strong">加粗&lt;strong</option>
                                                        <option value="section">主题组&lt;section</option>
                                                        <option value="nav">导航&lt;nav</option>
                                                        <option value="header">页头&lt;header</option>
                                                        <option value="footer">页脚&lt;footer</option>
                                                        <option value="iframe">内联框架&lt;iframe</option>
                                                        <option value="frame">框架 &lt;frame</option>
                                                        <option value="form">表单 &lt;form</option>
                                                        <option value="script">脚本 &lt;script</option>
                                                        <option value="noscript">&lt;noscript</option>
                                                        <option value="pre">源代码&lt;pre</option>
                                                        <option value="center">居中&lt;center</option>
                                                    </select>
                                                    <div class="btn-group">
                                                        <button type="button"
                                                                class="multiselect dropdown-toggle btn btn-white btn-primary btn-sm"
                                                                data-toggle="dropdown" title="--选择--"><span
                                                                    class="multiselect-selected-text">--选择--</span>
                                                            &nbsp;<b class="fa fa-caret-down"></b></button>
                                                        <ul class="multiselect-container dropdown-menu"
                                                            style="max-height: 350px; overflow: hidden auto;">
                                                            <li class="multiselect-item filter" value="0">
                                                                <div class="input-group"><span
                                                                            class="input-group-addon"><i
                                                                                class="fa fa-search"></i></span><input
                                                                            class="form-control multiselect-search layui-input"
                                                                            type="text"
                                                                            placeholder="Search"><span
                                                                            class="input-group-btn"><button
                                                                                class="btn btn-default btn-white btn-grey multiselect-clear-filter"
                                                                                type="button"><i
                                                                                    class="fa fa-times-circle red2"></i></button></span>
                                                                </div>
                                                            </li>
                                                            <li class="active"><a tabindex="0"><label
                                                                            class="radio"><input type="radio"
                                                                                                 class="ace"
                                                                                                 value=""><span
                                                                                class="lbl"></span>
                                                                        --选择--</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="a"><span
                                                                                class="lbl"></span>
                                                                        链接&lt;a</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="img"><span
                                                                                class="lbl"></span>
                                                                        图片&lt;img</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="p"><span
                                                                                class="lbl"></span>
                                                                        段落&lt;p</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="span"><span
                                                                                class="lbl"></span>
                                                                        组合&lt;span</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="div"><span
                                                                                class="lbl"></span>
                                                                        层&lt;div</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="table"><span
                                                                                class="lbl"></span>
                                                                        表格&lt;table</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="tr"><span
                                                                                class="lbl"></span>
                                                                        表格行&lt;tr</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="td"><span
                                                                                class="lbl"></span>
                                                                        表格列&lt;td</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="br"><span
                                                                                class="lbl"></span>
                                                                        换行&lt;br</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="blockquote"><span
                                                                                class="lbl"></span>
                                                                        块&lt;blockquote</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="ul"><span
                                                                                class="lbl"></span>
                                                                        列表&lt;ul</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="li"><span
                                                                                class="lbl"></span>
                                                                        列表项目&lt;li</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="dl"><span
                                                                                class="lbl"></span>
                                                                        定义列表&lt;dl</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="ol"><span
                                                                                class="lbl"></span>
                                                                        有序列表&lt;ol</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="h1"><span
                                                                                class="lbl"></span>
                                                                        标题&lt;h1</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="h2"><span
                                                                                class="lbl"></span>
                                                                        标题&lt;h2</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="h3"><span
                                                                                class="lbl"></span>
                                                                        标题&lt;h3</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="h4"><span
                                                                                class="lbl"></span>
                                                                        标题&lt;h4</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="h5"><span
                                                                                class="lbl"></span>
                                                                        标题&lt;h5</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="h6"><span
                                                                                class="lbl"></span>
                                                                        标题&lt;h6</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="h7"><span
                                                                                class="lbl"></span>
                                                                        标题&lt;h7</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="h8"><span
                                                                                class="lbl"></span>
                                                                        标题&lt;h8</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="strong"><span
                                                                                class="lbl"></span>
                                                                        加粗&lt;strong</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="section"><span
                                                                                class="lbl"></span>
                                                                        主题组&lt;section</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="nav"><span
                                                                                class="lbl"></span>
                                                                        导航&lt;nav</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="header"><span
                                                                                class="lbl"></span>
                                                                        页头&lt;header</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="footer"><span
                                                                                class="lbl"></span>
                                                                        页脚&lt;footer</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="iframe"><span
                                                                                class="lbl"></span>
                                                                        内联框架&lt;iframe</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="frame"><span
                                                                                class="lbl"></span> 框架
                                                                        &lt;frame</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="form"><span
                                                                                class="lbl"></span> 表单
                                                                        &lt;form</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="script"><span
                                                                                class="lbl"></span> 脚本
                                                                        &lt;script</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="noscript"><span
                                                                                class="lbl"></span>
                                                                        &lt;noscript</label></a>
                                                            </li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="pre"><span
                                                                                class="lbl"></span>
                                                                        源代码&lt;pre</label></a></li>
                                                            <li><a tabindex="0"><label class="radio"><input
                                                                                type="radio" class="ace"
                                                                                value="center"><span
                                                                                class="lbl"></span>
                                                                        居中&lt;center</label></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- <input name="tagName" class="input-small" placeholder="html标签名" type="text">-->
                                                    <label><input name="leftText" class="ace ace-checkbox-2"
                                                                  type="checkbox"><span
                                                                class="lbl">保留文本</span></label>
                                                </td>
                                                <td width="8%"><input class="width-100 layui-input-inline"
                                                                      name="sortNo"
                                                                      value=""
                                                                      type="text" placeholder="序号"></td>
                                                <td class="center ts-row-opt" width="12%"><a
                                                            name="ts-adv-addRow" data-trid="trCloneDelHtml"
                                                            class="blue" href="#"><i
                                                                class="ace-icon fa fa-plus-square bigger-180"></i></a>&nbsp;&nbsp;
                                                    <a name="ts-adv-delRow" class="red" href="#"><i
                                                                class="ace-icon fa fa-trash bigger-180"></i></a>
                                                </td>
                                            </tr>
                                            <!--
                                            <tr>
                                              <td width="35%"><input class="width-100" name="from" value="" type="text" placeholder="要替换的字符"></td>
                                              <td width="35%"><input class="width-100" name="to" value="" placeholder="" type="text"></td>
                                               <td width="12%"><label><input name="reg" value="0" class="ace ace-checkbox-2" type="checkbox">
                                            <span class="lbl"></span></label></td>
                                              <td class="center ts-row-opt" width="15%"><a name="ts-replace-addRow" class="blue" href="#"><i class="ace-icon fa fa-plus-square bigger-180"></i></a>&nbsp;&nbsp; <a name="ts-replace-delRow" class="red" href="#"><i class="ace-icon fa fa-trash-o bigger-180"></i></a></td>
                                            </tr>	-->
                                            </tbody>
                                        </table>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-12 help-block">
                                                提示：上面定义的处理，页面不可以预览。建议使用“测试采集”进行测试。
                                            </div>
                                        </div>
                                    </div><!-- advDataDeal.. -->
                                    <div id="sysRegular" class="tab-pane layui-tab-item">
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-12">
                                                <form class="form-horizontal">
                                                    <div class="form-group">
                                                        <label class="col-sm-3 control-label">字段原值：</label>
                                                        <div class="col-sm-9"><!-- readonly="readonly" -->
                                                            <textarea rows="3" type="text" name="fieldOriValue"
                                                                      id="ts-fieldValue-regex"
                                                                      class="width-100 layui-textarea"
                                                                      placeholder=""></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="hr hr-6 hr-dotted"></div>
                                                    <div class="form-group">
                                                        <label class="col-sm-3  control-label">常用提取表达式：</label>
                                                        <div class="col-sm-9 common-regex">
                                                                    <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                          data-rel="tooltip" title=""
                                                                          data-regex="\d{4}(\-|\/|.)\d{1,2}\1\d{1,2}"
                                                                          data-original-title="提取日期：格式如果2017-9-01或2017/09/01或2017.09.01">日期</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex-group="(\d{4})年(\d{1,2})月(\d{1,2})"
                                                                  regex-group-splitter="-"
                                                                  data-original-title="提取中文日期：格式如果2017年9月01">中文日期</span>
                                                            <span id="regex-number"
                                                                  class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="[1-9]\d*"
                                                                  data-original-title="提取正整数">正整数</span>
                                                            <span id="regex-number"
                                                                  class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="-[1-9]\d*"
                                                                  data-original-title="提取负整数">负整数</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="[1-9]\d*\.\d*|0\.\d*[1-9]\d*"
                                                                  data-original-title="Default">正浮点数</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)"
                                                                  data-original-title="Default">负浮点数</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="((https|http|ftp|rtsp|mms)?:\/\/)[^\s]+"
                                                                  data-original-title="Default">网址URL</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}"
                                                                  data-original-title="Default">邮箱</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)"
                                                                  data-original-title="Default">IP</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="\d{17}[\d|x]|\d{15}"
                                                                  data-original-title="Default">身份证号</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147,145))\d{8}"
                                                                  data-original-title="Default">手机号码</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="[0-9]{4}-\d{7,8}|[1-9]{3}-\d{8}|400\d{7}|400-\d{4}-\d{3}|400-\d{3}-\d{4}"
                                                                  data-original-title="Default">固定电话号码</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="[a-zA-Z][a-zA-Z0-9_-]{5,19}"
                                                                  data-original-title="Default">微信号</span>

                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex="[1-9][0-9]{4,10}"
                                                                  data-original-title="Default">5到11位的数字</span>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-3 control-label">将匹配的内容：</label>
                                                        <div class="col-sm-7 smartField"> <!-- -->
                                                            <input type="text" name="matchRegex"
                                                                   id="ts-match-regex" class="width-100 layui-input"
                                                                   placeholder="请输入要替换的字符串或正则表达式">

                                                        </div>

                                                        <label class="col-sm-2"><a id="test-regex"
                                                                                   class="btn btn-sm  btn-primary">测试</a></label>

                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-3 control-label">替换为：</label>
                                                        <div class="col-sm-9">
                                                            <input type="text" name="matchReplace"
                                                                   id="ts-match-replace"
                                                                   class="width-100 layui-input"
                                                                   placeholder="可不填">
                                                        </div>
                                                    </div><!--
				<div class="form-group">
					<label  class="col-sm-3 control-label"><a id="test-regex" class="btn btn-sm  btn-primary">测试</a></label>
					-->
                                                    <div class="hr hr-6 hr-dotted"></div>
                                                    <div class="form-group">
                                                        <label class="col-sm-3  control-label">常用截取表达式：</label>
                                                        <div class="col-sm-9 common-regex">
                                                                    <span class="btn btn-sm btn-green layui-btn layui-btn-xs"
                                                                          data-rel="tooltip" title=""
                                                                          data-regex-group="\s*(.{0,10})[\s\S]*"
                                                                          data-original-title="截取前x个字符，注意修改10为你需要的数字">截取前x个字符</span>
                                                            <span class="btn btn-sm btn-white layui-btn layui-btn-xs"
                                                                  data-rel="tooltip" title=""
                                                                  data-regex-group="<img.*?src=&quot;\S*&quot;.*?>[\s\S]*?<img.*src=&quot;(\S*)&quot;.*?>"
                                                                  data-original-title="注意配置的字段需要设置获取html">获取第2张图片链接</span>
                                                        </div>

                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-3 control-label">正则捕获组：</label>
                                                        <div class="col-sm-7 smartField"> <!-- -->
                                                            <input type="text" name="matchGp" id="ts-matchGp"
                                                                   class="width-100 layui-input"
                                                                   placeholder="输入支持的正则group语法"></div>
                                                        <label class="col-sm-2"><a id="test-regex-matchGp"
                                                                                   class="btn btn-sm  btn-primary">测试</a></label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-3 control-label">多组值分割符：</label>
                                                        <div class="col-sm-7 smartField"> <!-- -->
                                                            <input type="text" name="matchSplit"
                                                                   id="ts-matchSplit" class="width-100 layui-input"
                                                                   placeholder="正则捕获组多个值的分割符"></div>
                                                    </div>
                                                    <div class="hr hr-6 hr-dotted"></div>
                                                    <div class="form-group">
                                                        <label class="col-sm-3 control-label red">字段处理后值：</label>
                                                        <div class="col-sm-9"><!--  -->
                                                            <textarea rows="2" type="text" id="ts-regex-result"
                                                                      readonly="readonly"
                                                                      class="width-100 layui-textarea"
                                                                      placeholder=""></textarea>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>    <!-- sysRegular row -->
                                    </div>
                                    <div id="randomConfig" class="tab-pane layui-tab-item">
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <form class="form-horizontal" id="randomConfig-form">
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">随机生成数据：</label>
                                                        <div class="col-xs-9">
                                                            <div class="control-group control-label pull-left">
                                                                <label> <input name="randType" value="0"
                                                                               data-show="" checked="checked"
                                                                               class="ace" type="radio"> <span
                                                                            class="lbl"> 否</span></label>&nbsp;&nbsp;
                                                                <label><input name="randType" value="1"
                                                                              data-show="ts-random-int-div"
                                                                              class="ace" type="radio"> <span
                                                                            class="lbl"> 随机数字</span></label>
                                                                &nbsp;&nbsp;
                                                                <label><input name="randType" value="2"
                                                                              data-show="ts-random-time-div"
                                                                              class="ace" type="radio"> <span
                                                                            class="lbl"> 随机时间</span> </label>
                                                                &nbsp;&nbsp;
                                                                <label><input name="randType" value="3"
                                                                              data-show="ts-random-str-div"
                                                                              class="ace" type="radio"> <span
                                                                            class="lbl"> 随机字符串</span> </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group ts-random-int-div"
                                                         style="display: block;">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">随机整数：</label>
                                                        <div class="col-xs-3 no-padding-right">
                                                            <div class='input-group'>
                                                                范围从<input id="minRd" name="minRd" value=""
                                                                          placeholder="最小值" type="text"
                                                                          class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="col-xs-3 no-padding-left"> <span
                                                                    class="block input-icon input-icon-right">
                                                                <div class='input-group'>
	  到<input id="maxRd" name="maxRd" value="" placeholder="最大值" type="text" class="form-control">
                                                                </div></span></div>
                                                    </div>
                                                    <div class="form-group ts-random-time-div"
                                                         style="display: none;">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">随机时间：</label>
                                                        <div class="col-xs-4 no-padding-right">
                                                            <div id="datetimepickerMinRdtStr"
                                                                 class='input-group date'>
                                                                范围从<input name="minRdtStr" id="minRdtStr"
                                                                          type="text" class="form-control"></input>
                                                                <span class="input-group-addon">
                                                                    <span class="glyphicon glyphicon-calendar"></span>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="col-xs-4 no-padding-left">
                                                            <div id="datetimepickerMaxRdtStr"
                                                                 class='input-group date'>
                                                                到<input name="maxRdtStr" id="maxRdtStr"
                                                                        type="text" class="form-control"></input>
                                                                <span class="input-group-addon">
                                                                    <span class="glyphicon glyphicon-calendar"></span>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group ts-random-str-div"
                                                         style="display: none;">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">随机字符串：</label>
                                                        <div class="col-xs-6">
                                                            <div class='input-group'>
                                                                <input id="txtRd" name="txtRd" value=""
                                                                       placeholder="多个用逗号,分隔" class="form-control"
                                                                       type="text">
                                                            </div>
                                                        </div>
                                                        <#--                                                        <div class="col-xs-3"><label data-rel="tooltip"-->
                                                        <#--                                                                                     data-original-title="暂未开发，很快到了！"><input-->
                                                        <#--                                                                        name="useSysRandomUser"-->
                                                        <#--                                                                        disabled="disabled"-->
                                                        <#--                                                                        id="useSysRandomUser" value="1"-->
                                                        <#--                                                                        class="ace ace-checkbox-2"-->
                                                        <#--                                                                        type="checkbox"><span-->
                                                        <#--                                                                        class="lbl">系统用户名库</span></label></div>-->
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 no-padding-right"></label>
                                                        <div class="col-xs-9"><span
                                                                    class="red">提示：如果使用了随机值，则点选的内容会被忽略。</span>
                                                        </div>
                                                    </div>
                                                    <div class="hr hr-12 hr-dotted"></div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">空内容缺省值：</label>
                                                        <div class="col-xs-9"><input type="text"
                                                                                     name="defaultValue"
                                                                                     id="ts-defaultValue"
                                                                                     class="width-100 ts-conf-input-field layui-input"
                                                                                     placeholder="请输入默认值">
                                                        </div>
                                                    </div>
                                                </form>
                                            </div><!-- col-12 -->
                                        </div>    <!--  randomConfig row -->
                                    </div><!--  randomDeal tab -->
                                    <div id="filterConfig" class="tab-pane layui-tab-item">
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <form class="form-horizontal" id="filterDeal-form">
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title=""></label>
                                                        <div class="col-xs-9">
                                                            <input name="selectors" id="selectors"
                                                                   class="ace ace-checkbox-2" type="hidden">
                                                            <label id="required-lb"><input name="required"
                                                                                           class="ace ace-checkbox-2"
                                                                                           type="checkbox">
                                                                <span class="lbl">采集结果不得为空</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="hr hr-12 hr-dotted"></div>
                                                    <div class="form-group no-margin-bottom">
                                                        <label class="col-xs-3 control-label no-padding-right">内容不得包含：</label>
                                                        <div class="col-xs-7">
                                                                    <textarea rows="3" type="text" name="noInclude"
                                                                              id="noInclude"
                                                                              class="width-100 ts-conf-input-field layui-textarea"
                                                                              placeholder="多个用分隔符#_#进行分隔"></textarea>
                                                        </div>
                                                        <div class="col-xs-2 no-padding-left">
                                                            指定多个时，只要包含其中一个则不要该记录（即指定的不要）。
                                                        </div>
                                                    </div>
                                                    <div class="form-group no-margin-bottom">
                                                        <label class="col-xs-3 control-label no-padding-right">内容必须包含：</label>
                                                        <div class="col-xs-7">
                                                                    <textarea rows="3" type="text" name="mustInclude"
                                                                              id="mustInclude"
                                                                              class="width-100 ts-conf-input-field layui-textarea"
                                                                              placeholder="多个用分隔符#_#进行分隔"></textarea>
                                                        </div>
                                                        <div class="col-xs-2 no-padding-left">
                                                            指定多个时，如果不包含任何一个，则不要该记录（即只要指定的）。
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right">内容过滤类型：</label>
                                                        <div class="col-xs-9">
                                                            <div class="control-group control-label pull-left">
                                                                <label> <input name="filterType" value="1"
                                                                               class="ace" type="radio"> <span
                                                                            class="lbl"> 满足其中一个条件即可</span>
                                                                </label>
                                                                &nbsp;&nbsp;<label><input name="filterType"
                                                                                          value="2" class="ace"
                                                                                          type="radio"> <span
                                                                            class="lbl"> 所有条件都必须满足</span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="hr hr-12 hr-dotted"></div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right">内容长度限制：</label>
                                                        <div class="col-xs-9">
                                                            <div class="control-group pull-left">
                                                                <select id="lenType" name="lenType"
                                                                        class="layui-select-inline">
                                                                    <option value="0">不启用限制</option>
                                                                    <option value="3">小于</option>
                                                                    <option value="2">大于</option>
                                                                    <option value="1">等于</option>
                                                                    <option value="4">不等于</option>
                                                                </select>
                                                                <input id="lenLimit" name="lenLimit"
                                                                       class="width-20 ts-conf-input-field layui-input-inline"
                                                                       type="text" placeholder="">个字符时不要这条数据。1个汉字计1个字符.
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div><!-- col-12 -->
                                        </div>    <!-- filterConfig row -->
                                    </div><!--  filterConfig tab -->
                                    <div id="htmlTagSelectTab" class="tab-pane layui-tab-item">
                                        <div class="row">
                                            <div class="col-xs-12" id="htmlTagSelectOpt">
                                                <label><input name="cleanHtml" class="ace ace-checkbox-2"
                                                              type="checkbox"><span class="lbl">过滤部分html标签（当'获取Html'选中才有效，后台执行）</span></label>
                                                <label><input id="keepAlt" name="keepAlt"
                                                              class="ace ace-checkbox-2" value="0"
                                                              type="checkbox"><span class="lbl">保留标签属性：alt和title（当使用seo自动内链时，最好不要选）</span></label>
                                            </div>

                                            <div class="col-xs-12 ts-htmlTag-div" style="display:block;">
                                                <div class="form-group">
                                                    <label class="col-xs-3 no-padding-right" data-rel="tooltip"
                                                           data-original-title="">选择要保留的标签:</label>&nbsp;<label><input
                                                                name="checkAllHtmlTags"
                                                                class="ace ts-check-all-htmlTags"
                                                                type="checkbox"><span
                                                                class="lbl"> 全选</span></label> &nbsp;<label
                                                            class="no-margin"><a
                                                                class="btn btn-xs  btn-primary ts-htmlTag-reset">重置为默认</a>
                                                        &nbsp;&nbsp;<font
                                                                color="red">注意：用户一般不用配置。全部不选将使用系统默认</font></label>
                                                    <div class="htmlTag-show col-xs-12"
                                                         style="background-color: #e7eff4">
                                                        <div class="input-group col-xs-12 ts-htmlTag-items-div">
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="a"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">链接&lt;a</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="p"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">段落&lt;p</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="img"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">图像&lt;img</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="font"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">字体&lt;font</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="span"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">组合&lt;span</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="br"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">换行&lt;br</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="hr"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">水平线 &lt;hr</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="kdstag_hx"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">H标题&lt;h1-6</span></label>

                                                            <!--
                                                            <label class="col-xs-4 no-padding"><input name="htmlEleGroup" value="&nbsp;" class="ace ace-checkbox-2" type="checkbox"><span class="lbl">空格 nbsp</span></label> -->
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="kdstag_ul"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span class="lbl">列表 &lt;ul&lt;ol&lt;li</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="kdstag_dl"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span class="lbl">定义列表&lt;dl&lt;dd&lt;dt</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup"
                                                                        value="kdstag_strong"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span class="lbl">加粗强调 &lt;strong&lt;b</span></label>
                                                            <label class="col-xs-4 no-padding "><input
                                                                        name="htmlEleGroup" value="kdstag_em"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span class="lbl">短语元素 &lt;em &lt;i &lt;cite</span></label>
                                                            <label class="col-xs-4 no-padding "><input
                                                                        name="htmlEleGroup" value="kdstag_subp"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">上下标&lt;sup&lt;sub</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="kdstag_block"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span class="lbl">块引用 &lt;blockquote &lt;q</span></label>
                                                            <label class="col-xs-4 no-padding "><input
                                                                        name="htmlEleGroup" value="kdstag_code"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span class="lbl">源代码 &lt;pre&lt;code</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="kdstag_small"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span class="lbl">字体效果 &lt;small&lt;big</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="strike"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">删除线 &lt;strike</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="kdstag_table"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span class="lbl">表格&lt;table &lt;tr&lt;td等</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="div"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">层&lt;div</span></label>
                                                            <!--
                                                            <label class="col-xs-2 no-padding"><input name="htmlEleGroup" value="tbody" class="ace ace-checkbox-2" type="checkbox"><span class="lbl">表格体 &lt;tbody</span></label>
                                                            <label class="col-xs-2 no-padding"><input name="htmlEleGroup" value="tr" class="ace ace-checkbox-2" type="checkbox"><span class="lbl">表格行 &lt;tr</span></label>
                                                            <label class="col-xs-2 no-padding"><input name="htmlEleGroup" value="td" class="ace ace-checkbox-2" type="checkbox"><span class="lbl">表格列 &lt;td</span></label> -->

                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="iframe"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">内联框架 &lt;iframe</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="frame"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">框架 &lt;frame</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="form"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">表单 &lt;form</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="script"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">脚本 &lt;script</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="noscript"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span class="lbl">noscript &lt;noscript</span></label>
                                                            <label class="col-xs-4 no-padding"><input
                                                                        name="htmlEleGroup" value="video"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox"><span
                                                                        class="lbl">视频&lt;video</span></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-xs-12 no-padding-right"> &nbsp;&nbsp;<font
                                                                color="red">注意：用户一般不用配置。全部不选将使用系统默认</font></label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-xs-12 no-padding-right"><strong>建议：</strong>如需自定义，可先“<a
                                                                class="ts-htmlTag-reset">重置为默认</a>”，请再做选择。 <a
                                                                href="http://www.w3school.com.cn/tags/html_ref_byfunc.asp"
                                                                target="_blank">HTML所有标签参考手册</a></label>
                                                </div>
                                            </div>
                                        </div>    <!-- htmlTagSelectTab row -->
                                    </div><!--  htmlTagSelectTab tab -->
                                    <div id="commonConfig" class="tab-pane layui-tab-item">
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-12">
                                                <form class="form-horizontal" id="commonConfig-form">
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">提取值类型：</label>
                                                        <div class="col-xs-5">
                                                            <select id="valueType" name="valueType"
                                                                    class="layui-form-select">
                                                                <option value="text">文本</option>
                                                                <option value="html">获取html(带格式的文本和图片等，不含本节点)
                                                                </option>
                                                                <option value="ohtml">OuterHtml(比获取html多了本节点)
                                                                </option>
                                                                <option value="ownText">OwnText(仅本节点文本,不含子节点的)
                                                                </option>
                                                                <option value="attr">节点属性(需填写属性名)</option>
                                                                <option value="random">随机值(请到‘随机&amp;固定值’中设置)
                                                                </option>
                                                            </select>
                                                        </div>
                                                        <div class="ts-attrValue-div" style="display: none;">
                                                            <label class="col-xs-2 control-label no-padding-right"
                                                                   data-rel="tooltip"
                                                                   data-original-title="">属性名：</label>
                                                            <div class="col-xs-2">
                                                                <input id="attrName" name="attrName"
                                                                       class="width-100 ts-conf-input-field layui-input"
                                                                       type="text" placeholder="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title=""></label>
                                                        <div class="col-xs-9">
                                                            <label id="useLink-lb"><input name="useLink"
                                                                                          class="ace ace-checkbox-2"
                                                                                          type="checkbox">
                                                                <span class="lbl">只获取网址（列表页一般需要选中，目的收集详情页网址）</span></label>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title=""></label>
                                                        <div class="col-xs-9"><label id="mutiValue-lb"><input
                                                                        name="mutiValue"
                                                                        class="ace ace-checkbox-2"
                                                                        type="checkbox">
                                                                <span class="lbl">选择多值（如：标签一般为多值或需要选择多个内容）</span></label>
                                                            <label id="pageMutiValue-lb"><input
                                                                        name="pageMutiValue"
                                                                        class="ace ace-checkbox-2 hidden"
                                                                        type="checkbox">
                                                                <span class="lbl hidden">选择多值（如：标签一般为多值或需要选择多个内容）</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title=""></label>
                                                        <div class="col-xs-9">
                                                            <label id="useImg-lb"><input name="useImg"
                                                                                         class="ace ace-checkbox-2"
                                                                                         type="checkbox">
                                                                <span class="lbl" data-rel="tooltip"
                                                                      data-original-title="仅仅采集图片并返回链接，多个用逗号分隔或在‘多值分隔字符’中定义">只采集图片链接</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">图片链接属性：</label>
                                                        <div class="col-xs-9">
                                                            <input id="imgAttr" name="imgAttr"
                                                                   class="width-60 ts-conf-input-field layui-input"
                                                                   type="text" placeholder="留空,图片链接不在src才填">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="字段有多个值时，使用的分隔符">多值分隔字符：</label>
                                                        <div class="col-xs-9">
                                                            <input id="concatDelimiter" name="concatDelimiter"
                                                                   class="width-100 ts-conf-input-field layui-input"
                                                                   type="text"
                                                                   placeholder="字段有多个值时，使用的分隔符，默认逗号,">
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-xs-3 control-label no-padding-right"
                                                               data-rel="tooltip"
                                                               data-original-title="">数据预览：<br>（仅供参考）</label>
                                                        <div class="col-xs-9">
                                                                    <textarea readonly="readonly" rows="5" type="text"
                                                                              name="finalData"
                                                                              class="width-100 ts-show-final-data layui-textarea"
                                                                              placeholder=""></textarea>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>    <!-- commonConfig row -->
                                    </div><!--  commonConfig tab -->
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer no-margin-top">
                            <!-- 至服务器-->
                            <button type="button" class="btn btn-sm btn-green ts-crawl-url-now">测试采集</button>
                            <button class="btn btn-sm btn-primary ts-save-all-modal">
                                <i class="ace-icon fa fa-check"></i>
                                保存
                            </button>
                            <button class="btn btn-sm btn-danger" data-dismiss="modal">
                                <i class="ace-icon fa fa-times"></i>
                                关闭
                            </button>
                        </div>
                    </div><!-- modal-body.. -->
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>
    </div>
    <div class="clear"></div>
    <ins class="ins-expand-panel"
         style="display: block; width: 100% !important; height: 200px !important; bottom: -194px; clear: none !important; float: none !important; left: 0px; margin: 0px !important; max-height: none !important; max-width: none !important; opacity: 1; overflow: visible !important; padding: 0px !important; position: fixed; right: auto !important; top: auto !important; vertical-align: baseline !important; visibility: visible !important; z-index: 2147483647; background: rgb(250, 250, 250) !important;"
    >
        <ins class="ee"
             style="inset: auto !important; clear: none !important; display: block !important; float: none !important; height: 5px !important; margin: 0px !important; max-height: none !important; max-width: none !important; opacity: 1 !important; overflow: visible !important; padding: 0px !important; position: relative !important; vertical-align: baseline !important; visibility: visible !important; width: auto !important; z-index: 1 !important; background-color: rgb(250, 250, 250) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px -1px 5px -1px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px !important;">
            <span style="display: block !important; width: 80px !important; height: 45px !important; bottom: 0px !important; left: 0% !important; pointer-events: none !important;">
                <svg id="expand-ele"
                     style="margin: 0px;cursor:pointer; !important; position: absolute !important; bottom: 0px !important; left: 0% !important; display: block !important; width: 80px !important; height: 30px !important; transform: none !important; pointer-events: initial !important;">
                    <path d="M0,26 L0,6 A6,6 0 0,1 6,1 L50,1 A6,6 0 0,1 56,6 L56,20 A6,6 0 0,0 62,26 Z"
                          stroke="#FAFAFA" stroke-width="1" fill="#FAFAFA"></path><rect x="0" y="25" width="80"
                                                                                        height="5"
                                                                                        style="fill: rgb(250, 250, 250);"></rect><g
                            class="down" stroke="#616161" stroke-width="2px" stroke-linecap="square"><line x1="22"
                                                                                                           y1="18"
                                                                                                           x2="28"
                                                                                                           y2="12"></line><line
                                x1="28" y1="12" x2="34" y2="18"></line></g></svg></span></ins>
        <ins id="aswift_7_expand" tabindex="0"
             style="border: none !important; height: 124px !important; width: 100% !important; margin: 0px !important; padding: 0px !important; position: relative !important; visibility: visible !important; background-color: transparent !important; display: inline-table !important; inset: auto !important; clear: none !important; float: none !important; max-height: none !important; max-width: none !important; opacity: 1 !important; overflow: visible !important; vertical-align: baseline !important; z-index: auto !important;">
            <ins id="aswift_7_anchor"
                 style="border: none !important; height: 124px !important; width: 100% !important; margin: 0px !important; padding: 0px !important; position: relative !important; visibility: visible !important; background-color: transparent !important; display: block !important; inset: auto !important; clear: none !important; float: none !important; max-height: none !important; max-width: none !important; opacity: 1 !important; overflow: visible !important; vertical-align: baseline !important; z-index: auto !important;">
                <table class="layui-table" lay-size="sm" id="all-fields-data-table">
                    <thead>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </ins>
        </ins>
    </ins>
    <script>
        layui.use('element', function () {
            var element = layui.element;
        });
    </script>
</body>
</html>